<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
	<!--<![endif]-->

	<head>
		<meta charset="utf-8">
		<title>完成预定</title>

		<!-- Mobile Meta -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<!-- Web Fonts -->

		<!-- Bootstrap core CSS -->
		<link href="bootstrap/css/bootstrap.css" rel="stylesheet">

		<!-- iDea core CSS file -->
		<link href="bootstrap/css/style.css" rel="stylesheet">

		<!-- Color Scheme (In order to change the color scheme, replace the red.css with the color scheme that you prefer)-->
		<link href="css/skins/green.css" rel="stylesheet">

	</head>

	<body class="front">
		<!-- scrollToTop -->
		<!-- ================ -->
		<div class="scrollToTop"><i class="icon-up-open-big"></i></div>

		<!-- page wrapper start -->
		<!-- ================ -->
		<div class="page-wrapper">

			<!-- header-top start -->

			<!-- header end -->

			<!-- main-container start -->
			<!-- ================ -->
			<section>
				<div class="section ">
					<div class="container">
						<div class="row">
							<div class="col-md-12 mb-20">
								<h1 class="text-center ">在线预订</h1>
								<div class="separator "></div>
							</div>
							<div class="col-md-3 col-xs-6 mb-10 yd1_4bu"><span>1</span>
								<font>选填信息</font>
							</div>
							<div class="col-md-3 col-xs-6 mb-10 yd1_4bu"><span>2</span>
								<font>确认信息</font>
							</div>
							<div class="col-md-3 col-xs-6 yd1_4bu"><span>3</span>
								<font>支付金额</font>
							</div>
							<div class="col-md-3 col-xs-6  yuding_4bu"><span>4</span>
								<font>完成预订</font>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- main-container end -->

			<section class="main-container  ">
				<div class="container">
					<!--信息-->
					<div class="row">
						<div class="col-md-12 ">
							<p class="wenti_p">感谢您的预订</p>
						</div>
					</div>

					<div class="row">
						<div class="col-md-12 ">
							<p class=" text-center">王先生，感谢您的预订，您的订单号为：1705018</p>
						</div>

						<div class="col-md-6 yd_4">
							<p class="">恭喜您！您的预订已经成功下单，我们将尽快和您联系沟通具体的聚会事宜。</p>
							<p class="">建议您查看官网的“问与答”了解更多注意事项和需要准备的事宜。</p>
							<p class="">还可以打开微信扫一扫功能，扫描二维码，关注我们的微信公众号。</p>
							<p class="">公众号里有在线客服以及一些好玩有趣的事情，期待您的关注。</p>
						</div>
						<div class="col-md-2 col-xs-2 yd_4"><img src="images/wx.jpg" alt="" />
							<p>微信公众号</p>
						</div>
						<div class="col-md-2 col-xs-2 yd_4"><img src="images/wx.jpg" alt="" />
							<p>客服小生</p>
						</div>
						<div class="col-md-2 col-xs-2 yd_4"><img src="images/wx.jpg" alt="" />
							<p>客服小向</p>
						</div>
						<!--/信息 -->

			</section>

			</div>

	</body>

</html>